body{
    background-color: rgb(212, 212, 206);
}
span{
    font-size: 20px;
}

.box{
    width: 100%;
    position: relative;
}
.box2{
    width: 100%;
    box-sizing: border-box;
    padding:10px;
}
.container{
    margin: auto;
    width: 600px;
    padding: 10px;
}
.btn{
    width:60px;
    height: 40px;
    font-size: 15px;
}
.btnselected{
    background-color: aqua;
}

.rightitem{
    position: absolute;
    right: 0;
}
.list{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}
.item{
    width: 580px;
    background-color: rgb(255, 245, 245);
    box-sizing: border-box;
    padding:10px;
    position: absolute;
    transition: transform 0.5s ease-in-out,opacity 0.5s ease-out,
        left 0.5s ease-in-out;
}
.itemid,.itemname,.itempercent{
    display: inline-block;
    text-align: center;
}
.itemid{
    width: 10%;
}
.itemname{
    width: 20%;
}
.itempercent{
    width: 20%;
}
.itembtn{
    width: 50px;
    box-sizing: border-box;
    position: absolute;
    right:20px;
}


